<template>
    <div
        class="tsptlogin"
        v-loading="!iframeFlag"
        element-loading-background="rgba(255, 255, 255, 0.7)"
    >
        <iframe id="submitIframe" name="submitIframe" src="about:blank" style="display: none"></iframe>
    </div>
</template>

<script>
import { closePage } from '@/utils/Common';
import { mapGetters } from 'vuex';

export default {
    name: 'tsptlogin',
    data() {
        return {
            iframeFlag: false,
            iframeSrc: '',
            loginId: '',
        };
    },
    // 取缓存信息
    computed: {
        ...mapGetters([
            'cardInfo_3004',
            'customerInfo_3002',
            'userInfo'
        ]),
    },
    async mounted() {
        console.log('mmm');
        await this.getLoginId();
        this.setPageValue();
    },

    methods: {

        async getLoginId() {

            var checkParam = {
                'userAccount': this.userInfo.userAccount,
            };
            await this.$post.ComUserList.selectByUserAccount(checkParam).then((res) => {


                if (res.status === 200) { // http通讯成功
                    if (res.data.status == 0) { // 业务请求成功
                        if (res.data.content) {
                            this.loginId = res.data.content.compId;
                        } else {
                            this.loginId = '';
                        }
                    }
                }
            });
        },

        // 设置页面字段
        async setPageValue() {
            if (this.loginId === '') {
                this.$alert("未检测到您的投诉管理平台登陆账号", "投诉管理平台登陆", {
                    customClass: 'error', type: 'error',
                }).then(() => {
                    closePage(this.$route, this, 1);
                });
                return;
            }
            console.log('————————————', this.loginId);
            let iframeSrcS = `sysid=CARD&stat=main&USERNAME=${this.loginId}`;
            await this.$post.Params.searchListByParam({ paramType: '投诉平台' }).then((res) => {
                if (res.data.success) {
                    const arr = JSON.parse(JSON.stringify(res.data.content));
                    arr.forEach((item) => {
                        if (item.paramCode === 'tspt') {
                            // this.paramsObj[item.paramCode] = item.paramValue;
                            iframeSrcS = item.paramValue + iframeSrcS;
                            console.log('输出对应的URL地址————————————', iframeSrcS);
                        }
                    });
                } else {
                    this.$message.error(res.data.msg);
                }
            });

            // // 创建一个表单
            const form = document.createElement('form');
            form.action = iframeSrcS;
            form.method = 'post';
            form.target = '_blank';
            // form.target = 'submitIframe'
            form.enctype = 'UTF-8'
            form.style.display = 'none';
            // const data = {
            //     USERID: userInfo.userAccount, // 受理坐席
            //     BANKACCT: params.bankNum, // 银行号
            //     // BANKACCT: "6440", // 银行号
            //     CUSTNAME: params.custName || '', // 客户名称
            //     CREDITNO: params.cardNo || '', // 卡号
            //     WSTYPECODE: '2002', // 工单类型
            //     // WSTYPECODE: '1001', // 工单类型
            //     CUSTTELIN: params.phone || '', // 客户来电
            //     CUSTSEX: '', // 客户性别
            //     CUSTCERTTYPE: params.certificateType || '', // 证件类型
            //     CUSTCERTNO: params.certificate || '', // 证件号码
            //     MOBILE: '', // 预留手机号
            //     CALLID: params.callId || '', // 座席系统CallID
            //     EMAIL: '', // 客户邮箱
            //     BILLADDR: '', // 账单地址
            //     POSTCODE: '', // 客户有邮编
            //     PRODUCT: '', // 卡组织
            //     TRANSLIST: '', // 普通类型与争议类型不同，格式不固定
            //     TRANSDESC: '', // 交易描述（中文）、产品描述（中文）
            //     CARDSTATE: '', // 卡片状态
            //     CHGDATE: '', // 状态更改日期 例：20150909
            //     CUSTRREF: '', // 客户编号
            //     INPUTDATE: '', // 录入日期：20150909
            //     AUDITDATE: '', // 审核日期：20150909
            //     BARCODE: '', // 条形码
            //     CASECODE: '', // 原因代码
            //     MAINTAG: '', // 主附卡标志
            //     APPLYSTATE: '', // 申请状态
            //     CREATEDATE: '', // 制卡日期：20150909
            //     AMOUNT: '', // 额度，例如：当前额度
            //     APPAMOUNT: '', // 申请额度
            //     CONTRACT: '', // 16位合同号 汇丰等同 借据号
            //     UUID: '', // 客户号
            //     // EXT2: '', //富邦华一 客户分层标识2
            //     // PERADDRESS: '', //渤海户籍地址
            //     // EXT7: '', //汇丰授权币种
            //     // EXT8: '', //汇丰授权金额
            // };
            // for (const key in data) {
            //     const input = document.createElement('input');
            //     input.name = key;
            //     input.style.display = 'none';
            //     //input.value = data[key];
            //     form.appendChild(input);
            // }
            document.body.appendChild(form);
            form.submit();
            document.body.removeChild(form);
            // sessionStorage.setItem('loadNum', '0');
            // console.log(window.location, '2222222222222');
            closePage(this.$route, this, 1);
        },
    },
};
</script>
